storylist_arr = new Array();
var save_storylist_arr = function(story_id, story_name){
	db.transaction(function (tx) {
		var sql = 'SELECT * FROM story_list';
		console.log (sql);
		tx.executeSql(sql, 
				[], 
				function (tx, results) {								//success function - có dữ liệu offline
					console.log(results);
					var len = results.rows.length, i;
					console.log(len);
					for (var i = 0; i < len; i++){
						var arr = new Array();
						arr.push(results.rows.item(i).story_id);
						arr.push(results.rows.item(i).story_img);
						arr.push(results.rows.item(i).story_name);
						arr.push(results.rows.item(i).story_author);
						arr.push(results.rows.item(i).story_view);
						arr.push(results.rows.item(i).story_count_chapter);
						arr.push(results.rows.item(i).story_type);
						arr.push(results.rows.item(i).story_tag);
						arr.push(results.rows.item(i).story_hot_tag);
						arr.push(results.rows.item(i).story_img);
						storylist_arr.push(arr);
					}
					console.log(storylist_arr);
					localStorage.StoryList = storylist_arr;				//save localstorage storylist for sorting
				},
				null										 			//error function - không có dữ liệu offline
		);
	});	
}
/**
	type: 0- truyện đọc nhiều 1-truyện mới; 2-truyện A B C; 
**/
$('#truyendocnhieu').click(function(){
	sort_story_list(storylist_arr,0); 			//story_view sort 
});
$('#truyenmoi').click(function(){
	sort_story_list(storylist_arr,1);			//story_id sort
});
$('#truyenalphabet').click(function(){
	sort_story_list(storylist_arr,2);
});
$('#truyenhot').click(function(){
	get_story_with_hot_tag(storylist_arr);
});

$('#tag_0_kiemhiep').click(function(){
	get_story_with_tag(storylist_arr,0);
});
$('#tag_1_tienhiep').click(function(){
	get_story_with_tag(storylist_arr,1);
});
$('#tag_2_tieuthuyet').click(function(){
	get_story_with_tag(storylist_arr,2);
});
$('#tag_3_truyencuoi').click(function(){
	get_story_with_tag(storylist_arr,3);
});

var get_story_with_hot_tag = function(items){
	console.log(items);
	//items = JSON.parse(items);
	var index = 0;
	//var html='<li onclick="javascript:capnhattruyen()" id="loadmore" class = "" style="height: 23px;color: wheat;text-align: center;padding-top: 6px;font-weight: bold;">Cập nhật truyện mới</li>';
	var html = '';
	$.each(items,function(index){
		var item = items[index];
		if (parseInt(item[8])==1){													//story_hot_tag :: 0/1 - select 1
			console.log(item[2]);
			var story_id =item[0], story_img =item[1];
			var story_name =item[2], author_name = item[3];
			var story_view = item[4], story_count_chapter = item[5];
			var story_type = item[6], story_tag = item[7], story_hot_tag = item[8];
			html+= '<li onclick="javascript:chapter_list('+story_id+',\''+story_name+'\');"class="parent"><div class="story_list_details"><div class="list_img"><a ><img src="data:image/jpg;base64,'+story_img+'" alt="zxc"/></a></div><div class="list_details" ><a class="name_story" >'+story_name+'</a><span class="name_author">Tác gia: '+author_name+'</span> <span class="info_story">So chuong: '+story_count_chapter+' Luot xem: '+story_view+'</span></div><div class="outer"><div class="inner"> <img class="arrow_detail" src="img/arrow.png" /></div></div></div></li>' ;
		}
	});
	$("#story_list").html(html);
}


var get_story_with_tag = function(items,tag){
	console.log(items);
	//items = JSON.parse(items);
	var index = 0;
	//var html='<li onclick="javascript:capnhattruyen()" id="loadmore" class = "" style="height: 23px;color: wheat;text-align: center;padding-top: 6px;font-weight: bold;">Cập nhật truyện mới</li>';
	var html = '';
	$.each(items,function(index){
		var item = items[index];
		console.log('item[6]  '+item[6]+' '+tag);
		if (parseInt(item[6])==parseInt(tag)){													//'story_type'
			console.log(item[2]);
			var story_id =item[0], story_img =item[1];
			var story_name =item[2], author_name = item[3];
			var story_view = item[4], story_count_chapter = item[5];
			var story_type = item[6], story_tag = item[7], story_hot_tag = item[8];
			html+= '<li onclick="javascript:chapter_list('+story_id+',\''+story_name+'\');"class="parent"><div class="story_list_details"><div class="list_img"><a ><img src="data:image/jpg;base64,'+story_img+'" alt="zxc"/></a></div><div class="list_details" ><a class="name_story" >'+story_name+'</a><span class="name_author">Tác gia: '+author_name+'</span> <span class="info_story">So chuong: '+story_count_chapter+' Luot xem: '+story_view+'</span></div><div class="outer"><div class="inner"> <img class="arrow_detail" src="img/arrow.png" /></div></div></div></li>' ;
		}
	});
	$("#story_list").html(html);
}

/*
	hàm sort mảng hai chiều
	==> mucluctruyen.sort(sort_by(2, true, function(a){return a.toUpperCase()}));
*/				
var sort_story_list = function(inputdata,type){
/**** Phần xử viết các hàm phụ trợ - các kiểu sort ở đây ****/
	var sort_by = function(field, reverse, primer){
		/**
			//field: lấy trường nào trong mảng - nới nhất - lấy ID, đọc nhiều nhất :story_view...
			//reverse: true/false - sort asc & dec
			//primer: tên js function ex: parseInt;toUpperCase..
		**/
		var key = primer ? function(x) {return primer(x[field])} : function(x) {return x[field]};
		reverse = [-1, 1][+!!reverse];
		return function (a, b) {
			return a = key(a), b = key(b), reverse * ((a > b) - (b > a));
		} 
	}
/**** Phần xử lý các kiểu sort ở đây ****/
	/*
		param: inputdata: story list array
		type: 0- truyện đọc nhiều 1-truyện mới; 2-truyện A B C; 
	*/
	//items = JSON.parse(inputdata);
	if (type==1)		{inputdata.sort(sort_by(0, false, parseInt));}								//[0] story_id - sort theo ID DESC ==> truyện mới nhất
	else if (type==2)	{inputdata.sort(sort_by(2, true, function(a){return a.toUpperCase()}));}	//[2] story_names sort theo thứ tự ABC
	else if (type==0)	{inputdata.sort(sort_by(4, false, parseInt));}								//[4] story_view sort theo thứ tự đọc nhiều
	console.log(inputdata);
	/**** 	
			Hết Phần xử lý các kiểu sort trả về giá trị của biến mảng mucluctruyen 
			==> gọi hàm sort_storylist(inputdata) để cập nhật lại mục lục truyện 
	****/	
	sort_storylist(inputdata);
}

var sort_storylist = function(items){
	/***
		push data to web view
	***/
	var index = 0;
	var html='<li onclick="javascript:capnhattruyen()" id="loadmore" class = "" style="height: 23px;color: wheat;text-align: center;padding-top: 6px;font-weight: bold;">Cập nhật truyện mới</li>';
	$.each(items,function(index){
	var story_id =items[index][0], story_img =items[index][1];
	var story_name =items[index][2], author_name = items[index][3];
	var story_view = items[index][4], story_count_chapter = items[index][5];
		var story_type = items[index][6], story_tag = items[index][7], story_hot_tag = items[index][8];
		html+= '<li onclick="javascript:chapter_list('+story_id+',\''+story_name+'\');"class="parent"><div class="story_list_details"><div class="list_img"><a ><img src="data:image/jpg;base64,'+story_img+'" alt="zxc"/></a></div><div class="list_details" ><a class="name_story" >'+story_name+'</a><span class="name_author">Tác gia: '+author_name+'</span> <span class="info_story">So chuong: '+story_count_chapter+' Luot xem: '+story_view+'</span></div><div class="outer"><div class="inner"> <img class="arrow_detail" src="app/css/img/arrow.png" /></div></div></div></li>' ;
	});
	$("#story_list").html(html);
}